*{
    margin: 0;
    padding: 0;
}

html,body{
    /* background-color: red; */
    height: 100%;
}

/* css inherit 给网站的风格定调 */

body{
    background-color: #fff;
    color: #111111;
    font-size: 12px;
    font-family: serif;
    position: relative;
}

.page{
    background-color: #fff;
    max-width: 650px;
    margin: 0 auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.app-content {
    /* 组织结构 各司其职*/
    margin-top: 60px;
    padding: 15px 18px 0;
}

/* 搜索 */
.search{
    margin-top: 15px;
}

.search input{
    height: 35px;
    width: 100%;
    border: 0px;
    border-radius: 18px;
    box-shadow: none;
    outline: none;
    font-size: 15px;
    text-align: center;
    /* 输入的文字不会顶到最前面 文字距离左边的偏移量*/
    text-indent: 35px;
    background: url() no-repeat 15px #f3f3f3;
    background-size: 17.333333px;
    /* 嗯上去高亮 */
    -webkit-tap-highlight-color: transparent;

}
/* .page{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.page_header,.page_footer{
    width: 53.3333%;
    height: 44px;
    background-color: green;
}

main{
    background-color: blue;
    flex: 1;
}

.page_footer{
    
    background-color: red;
} */
